import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import TitleText from '@/commonComponents/titleText'


import Simple_animate9_1 from './9_1Simple_animate'
import 平移_旋转_缩放_渐变9_2 from './9_2平移_旋转_缩放_渐变'
import 平移动画多种属性_Animated_decay衰减动画函数9_4 from './9_4平移动画多种属性_Animated_decay衰减动画函数'
import Animated_spring弹性动画函数9_6 from './9_6Animated_spring弹性动画函数_Animated_timing时间动画函数'
import Animate_valueXY矢量动画9_8 from './9_8Animate_valueXY矢量动画'
import Parallel_sequence_stagger_delay四种动画组合9_9 from './9_9四种动画组合'
import LayoutAnimation布局动画9_12 from './9_12LayoutAnimation布局动画'
import Zuoye_animateShow9_13 from './9_13zuoye_animateShow'
import AnimShow9_13 from './9_13AnimShow'


const Animate_index_9 = React.memo(() => {
  return (
    <View style={styles.root}>
      <TitleText content="9_1简单示例-基础动画方法" />
      <Simple_animate9_1 />

      <TitleText content="9_2平移_旋转_缩放_渐变_颜色动画" />
      <平移_旋转_缩放_渐变9_2 />

      <TitleText content="9_4-5平移动画多种属性&Animated_decay衰减动画函数 " />
      <平移动画多种属性_Animated_decay衰减动画函数9_4 />

      <TitleText content="9_6-7Animated.spring弹性动画函数&Animated.timing时间动画函数" />
      <Animated_spring弹性动画函数9_6 />

      <TitleText content="9_8 Animate_valueXY矢量动画" />
      <Animate_valueXY矢量动画9_8 />

      <TitleText content="9_9 parallel_sequence_stagger_delay四种动画组合" />
      <Parallel_sequence_stagger_delay四种动画组合9_9 />

      <TitleText content="9_12 LayoutAnimation布局动画9_12" />
      <LayoutAnimation布局动画9_12 />

      <TitleText content="9_13 Zuoye_animateShow9_13" />
      <Zuoye_animateShow9_13 />

      <TitleText content="9_13 AnimShow from teacher" />
      <AnimShow9_13 />
    </View>
  )
})

export default Animate_index_9

const styles = StyleSheet.create({
  root: {
    width: '100%',
    height: 'auto'
  }
})
